© 2024. All rights reserved.

編碼解碼

JavaScript 常用編碼、解碼

常用的 UTF-8 之 encodeURI 與 decodeURI、encodeURIComponent 與 decodeURIComponent 和 Base64 之 btoa 與 atob。

July 24, 2020 UTF-8 encode decode base-64 編碼解碼 javascript · 留言

在瀏覽器輸入網址並送出後，到底發生了什麼事？

這道題目涵蓋前端技術範圍很廣，很適合在各階段拿來梳理並檢視自己的技能和狀態。那麼，就讓我來檢視一下自己的狀態吧 d(`･∀･)b

November 26, 2018 效能調校關鍵轉譯路徑圖片最佳化轉譯效能你懂JavaScript嗎？你所不知道的JS 加載效能快取 Rendering Performance Critical Rendering Path Resource Hints Web Workers Worker requestAnimationFrame Gzip HTTP Caching Loading Performance You-Dont-Know-JS cache javascript javascript prototype undefined 編碼解碼 encode decode base-64 前端效能系列文 · 留言

SVG Sprites

小圖示的顯示和壓縮技術的演進從 .png、.jpg 或 .gif 圖檔、Image Sprites，到 Base64、Icon Fonts 再來到 SVG 與 SVG Sprites，來看看到底 SVG Sprites 哪裡好 (✪ω✪) 本文前半段著重在產生 SVG Sprites 的方法和如何使用 SVG Symbols 定位；後半段說明各種 SVG Icon 的使用方式和優缺比較。

August 20, 2018 SVG 圖片最佳化效能調校加載效能 Image Optimization Loading Performance gulp react.js 吃什麼編碼解碼 encode decode base-64 前端效能系列文 · 留言

圖片最佳化（Image Optimization）

實作「圖片最佳化（Image Optimization）」的第一個問題是「真的需要這個圖檔嗎？」，去除不需要的圖檔即可減少 HTTP Request。第二個問題才是「若圖檔不能去除或被取代，可以做哪些優化？」。

July 30, 2018 圖片最佳化效能調校加載效能 SVG Resource Hints Lighthouse Base64 Images Image Optimization Loading Performance Gzip 編碼解碼 encode decode base-64 前端效能系列文 · 留言

Base64 Images

將圖片轉為編碼字串，讓開發者能將圖檔嵌入 HTML、CSS 或 JavaScript 程式碼，以減少 HTTP Request。適合較少更新的小圖，例如 icon 等。

July 26, 2018 Base64 Images 效能調校加載效能 Loading Performance 圖片最佳化 Image Optimization base-64 Gzip 編碼解碼 encode decode 前端效能系列文 · 留言

Node.js：表單處理與檔案上傳（Form Handling and File Uploads）

表單處理與檔案上傳。

August 16, 2015 node.js express encode decode 編碼解碼 · 留言